<template>
  <view class="wide-button-main">
    <slot class="slot-main"> </slot>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss" scoped>
  @import '../assets/styles/global';
 
  .wide-button-main {
    width: 604rpx;
    height: 84rpx;
    // background-image: linear-gradient(90deg, #2667b9 0%, #0b4daa 100%);
    /*box-shadow: 0rpx 8rpx 28rpx 6rpx rgba(16, 95, 196, 0.18);*/
    border-radius: 42rpx;

    .slot-main {
      @include center;
      // text-align: center;
    }
  }
</style>
